<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>前端LV</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.css'>
<link rel='stylesheet prefetch' href='http://codepen.io/hieverest/pen/OWadmE.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Lobster'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    
    <ul class="nav navbar-nav">   
      <li><a href="#firstPage">个人简介</a></li>
      <li><a href="#secondPage">个人技能</a></li>
      <li><a href="#3rdPage">个人作品</a></li>
      <li><a href="#4thpage">个人经历</a></li>
      <li><a href="#lastPage">联系方式</a></li>
    </ul>
    </div>
  </nav>
<div id="fullpage">
  
	<div class="section active" id="section0">
    <div id="head"></div>
    <div id="wrapper">
    <div id="hcenter">
      <img id="profilephoto" class="img-circle" src="imgs/ME.jpg" alt="Profile Photo"/>
    </div>
    <h1 class="text-center">吕鑫</h1> 
    <ul class="intro">
        <li>热爱视觉上的美好，对日新月异的前端技术感到兴奋，对于未来无限的想象空间更有着积极热切的憧憬</li><br>
        <li>乐于接受新鲜事物，也乐于探索事物真理；喜欢热闹，同时也喜欢静下心来编写代码时候的那份专注</li><br>
        <li>真诚直爽，幽默开朗，爱运动爱旅行，通过运动来感受生命的跳跃，通过旅行来体会生活中最狂野的可能性</li>
    </ul>
    
    </div>
		
	</div>
	<div class="section " id="section1">
    <div id="head"></div>
    <div id="wrapper">
    <h1 class="text-center">个人技能</h1><br><br>
    <div class="container">
      <div class="row">
        <div class="col-md-5 col-md-offset-1 col-sm-5 col-sm-offset-1">
          
          <div class="skillbar clearfix " data-percent="75%">
          <div class="skillbar-title" style="background: #d35400;"><span>HTML</span></div>
          <div class="skillbar-bar" style="background: #e67e22;"></div>          
          </div> <!-- End Skill Bar -->

          <div class="skillbar clearfix " data-percent="80%">
          <div class="skillbar-title" style="background: #2980b9;"><span>CSS</span></div>
          <div class="skillbar-bar" style="background: #3498db;"></div>          
          </div> <!-- End Skill Bar -->

          <div class="skillbar clearfix " data-percent="70%">
          <div class="skillbar-title" style="background: #2c3e50;"><span>JavaScript</span></div>
          <div class="skillbar-bar" style="background: #2c3e50;"></div>          
          </div> <!-- End Skill Bar -->

          <div class="skillbar clearfix " data-percent="80%">
          <div class="skillbar-title" style="background: #46465e;"><span>Bootstrap</span></div>
          <div class="skillbar-bar" style="background: #5a68a5;"></div>         
          </div> <!-- End Skill Bar -->

          <div class="skillbar clearfix " data-percent="60%">
          <div class="skillbar-title" style="background: #333333;"><span>jQuery</span></div>
          <div class="skillbar-bar" style="background: #525252;"></div>          
          </div> <!-- End Skill Bar -->

          <div class="skillbar clearfix " data-percent="50%">
          <div class="skillbar-title" style="background: #27ae60;"><span>AJAX</span></div>
          <div class="skillbar-bar" style="background: #2ecc71;"></div>
          </div> <!-- End Skill Bar -->
          
        </div>
        <div class="col-md-5 col-sm-5">
          <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp熟悉 HTML、CSS、JavaScript</p>
          <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp熟练开发符合 W3C 标准的页面</p>
          <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp熟练使用 Bootstrap, jQuery 框架和AJAX技术</p>
          <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp良好的编码习惯：能优雅地使用空格和换行、能优雅地命名等</p>
          <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp熟练使用Linux 系统，对基本算法、数据结构以及后台开发了解</p>
          <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp有出色的沟通和表达能力，良好的英文文档阅读能力，很强的学习能力、动手能力和逻辑分析能力，有责任心，注重团队合作</p>
          
        </div>
      </div>
    </div>
    </div>
  </div>
		
	<div class="section" id="section2">
    <div id="head"></div>
    <div id="wrapper">
    <h1 class="text-center">个人作品</h1><br><br>
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-4" >       
          <a href="http://codepen.io/hieverest/full/XNgJVG/" target="_blank">
            <img class="worksimg img-circle img-responsive" id="work1" title="Random Quote Machine"  src="https://c1.staticflickr.com/3/2381/32002456573_3981bf1546_b.jpg" alt="Random Quote Machine">
          </a>            
        </div>
        <div class="col-md-4 col-sm-4">         
          <a href="http://codepen.io/hieverest/full/YNLaeQ/" target="_blank">
            <img class="worksimg img-circle img-responsive" title="Weather App" src="https://c1.staticflickr.com/1/717/32436087390_b74e9c537e_b.jpg" alt="Weather App">
          </a> 
        </div>
        <div class="col-md-4 col-sm-4">
          <a href="http://codepen.io/hieverest/full/YNvgyy/" target="_blank">
            <img class="worksimg img-circle img-responsive" title="Wikipedia Viewer" src="https://c1.staticflickr.com/4/3728/32693515061_02bb46b8d2_b.jpg" alt="Wikipedia Viewer">
          </a> 
        </div>
      </div>
    </div>
    </div>
	</div>
	<div class="section" id="section3">
		<div id="head"></div>
    <div id="wrapper">
    <h1 class="text-center">个人经历</h1><br><br>
      <div class="my-slider">
        <ul>
          <li>
            <div class="intro">
              <h2>教育背景</h2>
                <p>江西科技学院 2012- 2015</p>
                <p>人力资源管理大专</p>
                
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp主修过C，C++，数据结构，操作系统，计算机网络等计算机相关课程；</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp学生活动经历丰富，参与过上海世博会志愿者，职业发展协会，Junior Achievement's Program，羽毛球社团等；</p>
              <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp英语基础很好，参加过托业，剑桥商务英语高级，雅思，托福，GRE等考试，并都取得不错成绩。</p>
              <br><br><br><br><br><br><br>
            </div>
          </li>
          <li>
            <div class="intro" >
              <h2>工作经历</h2>
                <p>运坤软件开发有限公司 2014 - 2017</p>
                <p>前端工程师</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp负责公司内部运维，其中包括系统安装，初始化配置软件，软硬件及相关IT系统和设备排故等；创建了公司内部软件的集成安装，为每台电脑的初始化平均节省1小时；</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp搭建公司外网代理服务器，在Linux上用Squid来管理外网代理服务，和员工上网权限配置；</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp负责公司IT设备采购，制定采购策略，联系供应商询价并组织相关部门同事开会确定最终供应商；负责合同签订及付款事宜。</p>
            </div>
          </li>
          <li>
            <div class="intro">
              <h2>打工旅行</h2>
                <p>新西兰 2014-2016</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp为了吃最新鲜的樱桃去当地最大地樱桃果园做摘果工，为了免费滑雪去滑雪场餐厅做过帮厨，为了分享自己的旅行所得去做过私人定制导游；</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp新西兰一路由南到北踏遍了各个角落，徒步，皮划艇，滑雪，自驾，我用这种最近距离的方式深深地去体会这片土地；</p>
                <p><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp到过峡湾，在海边露营，目睹过塔斯曼海与南太平洋的交汇，结交了各国的朋友，这些经历密密麻麻地交织出了我在新西兰地20个月。</p>
            </div>
          </li>
        </ul>
      </div>
		</div>
	</div>
  <div class="section" id="section4">
    <div id="head"></div>
    <div id="wrapper">
    <h1 class="text-center">联系方式</h1><br><br>
    <div id="contactbox">
      <h2><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp  <a href="mailto: qianchen.he@outlook.com" style="color: white">13755678309@163.com</a></h2>
      <h2>&nbsp<i class="fa fa-mobile" aria-hidden="true" style="font-size: 45px;"></i>&nbsp&nbsp176-001-86681</h2>
      <h2>&nbsp<i class="fa fa-file-pdf-o" aria-hidden="true" style="font-size: 30px;"></i>&nbsp&nbsp<a href="https://hieverest.github.io/resume/Qianchen-cv.pdf" style="color: white" target="_blank">PDF简历下载</a></h2><br>
      <div id="circleBox">
        <a href="https://cn.linkedin.com/in/qianchenhe"  target="_blank" title="Linkedin"><div class="circleLink" style="float: left"><i class="fa fa-linkedin socialFa" aria-hidden="true"></i></div></a>
        <a href="https://github.com/hieverest" target="_blank" title="GitHub"><div class="circleLink" style="float: right"><i class="fa fa-github-alt socialFa" aria-hidden="true"></i></div></a>
        <div style="clear:both; font-size:1px;"></div> <!--Clear must be used so as to prevent the float bug (height warping of outer Div). -->
      </div><br>
      
      <p class="text-center" style="color: white; margin-top: 45px">Designed by &nbsp<a href="#" style="font-family: lobster; font-size: 25px; color: white">Qianchen</a></p>
    </div>
  </div>
  </div>
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/unslider/2.0.3/js/unslider-min.js'></script>
<script src='http://cdn.jsdelivr.net/jquery.color-animation/1/mainfile'></script>

    <script src="js/index.js"></script>

</body>
</html>
